.ae-style-size {
  &-wrapper {
    @include flexBox();
  }

  &-slider {
    flex: 5;
  }

  &-text {
    flex: 3;
    height: #{px2rem(32px)};
    border-top-left-radius: #{$Editor-borderRadius} !important;
    border-bottom-left-radius: #{$Editor-borderRadius} !important;
  }

  &-unit {
    flex: 1.3;

    & > div {
      text-align: center;
      padding: #{px2rem(5px)};
      background: #f5f5f5 !important;

      &:first-child {
        font-weight: bold;
      }

      span {
        margin-right: 0;
        position: relative;
        top: 1px;

        > svg {
          width: #{px2rem(8px)};
        }
      }
    }
  }
}
